<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
</head>

<body>
    <!-- 标题标签 -->
    <div>
        <h1>这是标题标签：h1</h1>
        <h2>这是标题标签：h2</h2>
        <h3>这是标题标签：h3</h3>
        <h4>这是标题标签：h4</h4>
        <h5>这是标题标签：h5</h5>
        <h6>这是标题标签：h6</h6>
    </div>

    <!-- 段落标签 -->
    <div>
        <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段标签段落标签段落标签段落标签段落标签落标签段落标签段落标签段落标签段落标签段落标签</p>
        <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落</p>
        <p>段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签</p>
    </div>

    <!-- 无序列表 -->
    <div>
        <h1>无序列表</h1>
        <ul type="square">
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
        </ul>
    </div>

    <!-- 有序列表 -->
    <div>
        <h1>无序列表</h1>
        <ol type="A">
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
            <li>11111</li>
        </ol>
    </div>

    <div>
        <a href="#">超链接标签</a>
    </div>
    <div>
        div标签
    </div>
    <span>span标签1</span> <span>span标签2</span>

    <!-- span和div的区别 -->
    <div>
        <h1>span和div的区别 </h1>
        <ul>
            <li>span不会占用一行，内容占多大宽度，span就有多宽，是根据文字划分区域的</li>
            <li>div是一个块级元素，它包含的元素会自动换行，他会把多个标签划分成不同的区域</li>
        </ul>
    </div>
</body>

</html>